<!doctype html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-touch-fullscreen" content="yes" />
  <meta name="format-detection" content="telephone=no" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  <meta name="format-detection" content="telephone=no" />
  <meta name="msapplication-tap-highlight" content="no" />
  <meta name="viewport" content="initial-scale=1,maximum-scale=1,minimum-scale=1" />
  <meta http-equiv="Cache" content="no-cache">
  <meta http-equiv="cache-control" content="max-age=0" />
  <meta http-equiv="expires" content="0" />
  <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
  <meta http-equiv="pragma" content="no-cache" />
  <title>我的</title>
  <link rel="stylesheet" type="text/css" href="http://154.219.106.79/mwxwap/css/base.css">
  <link rel="stylesheet" type="text/css" href="http://154.219.106.79/mwxwap/css/nctouch_member.css">
  <link rel="stylesheet" href="http://154.219.106.79/mwxwap/new/css/coupon.css">
  <link rel="stylesheet" href="http://154.219.106.79/mwxwap/css/member_new.css">
  <link rel="stylesheet" href="http://154.219.106.79/mwxwap/static/css/common.css">
  <link rel="stylesheet" href="http://154.219.106.79/mwxwap/static/css/skin.css">
  
  <style>
    body {
      background: #fff !important;
    }

    #wrapper {
      margin-bottom: 3.5rem;
    }

    .top {
      background: #701F0A;
      margin-bottom: 50px;
      height: 175px;
    }

    .user-wrap .userbox {
      height: 105px;
    }

    #available_point,
    #available_predeposit {
      /*padding-right:0.5rem;*/
      /*color: #333333;*/
    }

    .level-name {
      color: #f82727;
      font-size: 0.55rem;
    }

    .member-page {
      margin-bottom: 2.5rem;
    }

    .block-header {
      font-size: 0.6rem;
    }

    #block-two .label {
      font-size: 0.55rem;
    }

    #block-two .num {
      font-size: 0.6rem;
    }

    .user-wrap .userbox {
      font-size: 0.55rem;
    }

    .user-wrap .userbox .label2 {
      color: #333;
      font-size: 0.65rem;
    }

    .btn-2 {
      display: inline-block;
      width: 80%;
      margin: 0 5%;
      font-size: 0.8rem;
      line-height: 2rem;
      text-align: center;
      color: #FFF;
      background: #701F0A;
      border-radius: 40px;
    }

    .btn-2.ok {
      background: #701F0A;
    }

    .box img {
      width: 40px;
      height: auto;
    }

    .box {
      background: none;
    }

    .user-account .tbody .rows .num {
      display: block;
      line-height: 20px;
      font-size: 14px;
      color: #0e9744;
    }

    .user-account .tbody .rows {
      flex: 1;
      width: 25%;
    }

    .box .b-item {
      font-size: 14px;
    }

    .user-profile .share {
      top: 30px;
      z-index: 9;
    }

    .renew-info .list .rows2 span {
      display: inline-block;
      line-height: 45px;
      font-size: 17px;
      font-weight: bold;
    }

    .renew-info .list .rows img {
      padding-top: 7px;
    }

    .smallspan {
      line-height: 25px;
      font-size: 16px;
      font-weight: normal;
    }

    .bigspan {
      line-height: 25px;
      font-size: 17px;
      font-weight: bold;
      color: #333;
    }

    .btn-black {
      display: inline-block;
      height: 40px;
      line-height: 40px;
      padding: 0 20px;
      border-radius: 40px;
      background: #000;
      color: #fff;
    }

    #vipxufeibtn img {
      width: 20px;
      height: 20px;
      margin-right: 10px;
      padding-top: 10px;
    }

    .renew-info {
      margin: 20px 0 0;
    }

    .renew-info .list .rows2 {
      margin: 10px 0;
      position: relative;
      text-align: center;
      padding: 0 20px;
      border-top: 5px solid #ccc;
      border-bottom: 5px solid #ccc;
    }

    .renew-info .list .rows2 span.t1 {
      position: relative;
    }

    .renew-info .list .rows {
      display: inline-block;
      height: 35px;
      line-height: 35px;
    }

    #bdjf_uplevel.box {
      background: #fff;
      border-radius: 0;
      width: 100%;
      margin: 0 auto;
      border-bottom: 5px solid #ccc;
    }
  </style>
</head>

<body>

  <div class="member-page">
    <div id="wrapper">
      <!-- 2025/11/1 新增 ↓↓↓↓↓↓↓↓↓↓ -->
      <link rel="stylesheet" href="./static/css/n2-member_renew.css">
      
      <div class="user3-profile">
        <div class="inner">
          <div class="avatar">
            <div id="user_avatar" class="img">
              <img src="http://154.219.106.79/mwxwap/new/img/default_user_portrait.gif" alt="">
            </div>
          </div>
          <div class="exp">
            <div class="name">
              <span>用户_WUYSUK</span>
            </div>
            <div class="level">
              <span>普通会员</span>
            </div>
          </div>
          <div class="btns">
            <div class="btn">
              <span>激活兑换码</span>
            </div>
          </div>
        </div>
      </div>

      <div class="user3-taocan">
        <form action="/" method="post" id="taocanForm">
          <div class="thead">
            <div class="title">
              <span>选择会员套餐</span>
            </div>
          </div>
          <div class="tbody">
            <div class="taocan-list">
              <dl class="list">
                <dd class="item">
                  <label class="cell">
                    <input type="radio" name="taocan" class="radio" value="1" />
                    <div class="desc">
                      <span>3天</span>
                    </div>
                    <div class="price">
                      <span>￥18.00</span>
                      <i>￥40.00</i>
                    </div>
                  </label>
                </dd>
                <dd class="item">
                  <label class="cell">
                    <input type="radio" name="taocan" class="radio" value="2" />
                    <div class="desc">
                      <span>1月</span>
                    </div>
                    <div class="price">
                      <span>￥108.00</span>
                      <i>￥400.00</i>
                    </div>
                  </label>
                </dd>
                <dd class="item">
                  <label class="cell">
                    <input type="radio" name="taocan" class="radio" value="3" />
                    <div class="desc">
                      <span>1年</span>
                    </div>
                    <div class="price">
                      <span>￥888.00</span>
                      <i>￥4000.00</i>
                    </div>
                  </label>
                </dd>
              </dl>
            </div>
            <div class="taocan-result">
              <div class="total">
                <span>需支付：</span>
                <strong>￥18.00</strong>
              </div>
            </div>
          </div>
          <div class="tfoot">
            <dl class="pay-methods">
              <dd class="item">
                <label class="cell">
                  <div class="desc">
                    <span>微信支付</span>
                  </div>
                  <input type="radio" name="payType" class="radio" value="1" />
                </label>
              </dd>
              <dd class="item">
                <label class="cell">
                  <div class="desc">
                    <span>支付宝</span>
                  </div>
                  <input type="radio" name="payType" class="radio" value="2" />
                </label>
              </dd>
            </dl>
            <div class="pay-btn">
              <a href="javascript:void(0);" class="btn" id="payBtn">支付</a>
            </div>
          </div>
        </form>
      </div>
      <!-- 2025/11/1 新增 ↑↑↑↑↑↑ -->



      

      <!-- other -->
    </div>


    <footer id="footer"></footer>
  </div>
  <div class="error-tips"></div>


  <script> var navigate_id = "5";</script>
  <!-- <script type="text/javascript" src="http://154.219.106.79/mwxwap/js/config.js"></script>
<script type="text/javascript" src="http://154.219.106.79/mwxwap/js/zepto.min.js"></script>
<script type="text/javascript" src="http://154.219.106.79/mwxwap/js/jqAlert2.js"></script>
<script type="text/javascript" src="http://154.219.106.79/mwxwap/js/common.js"></script>
<script type="text/javascript" src="http://154.219.106.79/mwxwap/js/simple-plugin.js"></script>
<script type="text/javascript" src="http://154.219.106.79/mwxwap/js/tmpl/footer.js"></script>
<script type="text/javascript" src="http://154.219.106.79/mwxwap/js/tmpl/member_renew.js"></script> -->
  <script>
    $(function () {
    });
  </script>
</body>

</html>